<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>我要买菜-购物车</title>
		<link rel="stylesheet" type="text/css" href="css/common/bootstrap.min.css"/>
		<link rel="stylesheet" type="text/css" href="css/common/common.css"/>
		<link rel="stylesheet" type="text/css" href="css/cart/index.css"/>
	</head>
	<body>
		
		<div class="header">
			<p class="title">购物车</p>
		</div>
		<div class="container-fluid main">
			<!--收货地址-->
		<div class="row cart_address">
			<div class="col-xs-12">
				<div class="row">
					<div class="col-xs-4">
						收&nbsp;&nbsp;货&nbsp;&nbsp;人
					</div>
					<div class="col-xs-8 cart_address_padding">
						小骨&nbsp;女士
					</div>
				</div>
				<div class="row">
					<div class="col-xs-4">
						电&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;话
					</div>
					<div class="col-xs-8 cart_address_padding">
						15552459418
					</div>
				</div>
				<div class="row">
					<div class="col-xs-4">
						收货地址
					</div>
					<div class="col-xs-8 cart_address_padding">
						顶秀欣园西苑&nbsp;1号510
					</div>
				</div>
			</div>
			<a href="#" class="cart_address_edit">
				修改 <i class="iconfont gray">&#xe600;</i>
			</a>
		</div>
		
		<!--商家-->
		<div class="row cart_merchant">
			<div class="col-xs-12">
				<div class="row">
					<div class="col-xs-12 cart_merchant_icon">
						<img src="img/cart/merchant.png"/>&nbsp;&nbsp;商家
					</div>
				</div>
				<div class="row">
					<div class="col-xs-2 cart_merchant_redpoint">
						<!--<img src="img/cart/redpoint.png"/>-->
						<i class="iconfont red">&#xe614;</i>
					</div>
					<div class="col-xs-10">
						￥0起送，22:00前满￥30免运费，22:00后满￥50免运费
					</div>
				</div>
			</div>
		</div>
		
		<!--收货时间-->
		<div class="row cart_get_time">
			<div class="col-xs-3 cancel_pad_right">
				收货时间
			</div>
			<div class="col-xs-6 cart_color">
				闪电送,及时达
			</div>
			<div class="col-xs-3 cart_color cancel_pad_left text-right">
				可预订<i class="iconfont gray center">&#xe600;</i>
			</div>
		</div>
		<div class="row">
			<div class="col-xs-12 d-line"><span></span></div>
		</div>
		<!--收货备注-->
		<div class="row cart_get_info">
			<div class="col-xs-3 cancel_pad_right">
				收货备注
			</div>
			<div class="col-xs-9 cart_get_input">
				<input type="text" id="" value="" placeholder="可输入100字以内特殊要求内容" />
			</div>
		</div>
		
		<!--货物数量-->
		<div class="row cart_num">
			<div class="col-xs-5 cart_goods_name">
				[精选]小白菜
			</div>
			<div class="col-xs-7 text-right">
				￥<span id="jiage">5.5</span>&nbsp;&nbsp;
				<div class="cart_change_num">
					<img src="img/common/jian.png" class="count"/>
					<span>1</span>
					<img src="img/common/jia.png" class="count"/>
				</div>
			</div>
		</div>
		<div class="row">
			<div class="col-xs-12 d-line"><span></span></div>
		</div>
		<!--确认订单-->
		<div class="row cart_sure">
			<div class="col-xs-4 cart_total_price">
				共￥5.5
			</div>
			<div class="col-xs-3 col-xs-offset-5 text-center cart_btn_sure">
				选好了
			</div>
		</div>
		</div>
		<footer>
			<ul class="footer clearfix">
				<li><a href="index.html"><i class="iconfont">&#xe601;</i><p>首页</p></a></li>
				<li><a href="category.html"><i class="iconfont second">&#xe616;</i><p>分类</p></a></li>
				<li class="selected"><a href="shopping_cart.html"><i class="iconfont">&#xe611;</i><p>购物车</p></a></li>
				<li><a href="#"><i class="iconfont">&#xe615;</i><p>充值有礼</p></a></li>
				<li><a href="user.html"><i class="iconfont">&#xe609;</i><p>我</p></a></li>
			</ul>
		</footer>
		<script src="js/common/jquery-1.11.3.min.js" type="text/javascript" charset="utf-8"></script>
		<script>
			$(function(){
				var sum=$(".cart_change_num span");
				var $money=$("#jiage");
				$(".count").each(function(index,ele){
					$(ele).click(function(){
						var i=Number(sum.html());
						
						if(index==1){
							i++;
						}else{
							if(i==0) {return;}
							i--;
						}
						sum.html(i);
						$money.html(i*5.5);
					})
				})
			})
		</script>
	</body>
</html>
